<template>
  <div class="about">
     {{opt.address}}

     <el-button @click="onClick">点击</el-button>
     <hr>
     <el-button v-if="opt.info">{{opt.info}}</el-button>
     <ul v-for="item in list" :key="item">{{item}}</ul>
  </div>
</template>
<script>
// import { myMixin } from '@/mixins'
export default {
  data() {
    return {
      opt: {
        address: 'hello wrold'
      },
      list: ['北京', '上海', '南京', '杭州']
    }
  },
  // mixins: [myMixin], // 局部混入
  components: {
  },
  methods: {
    onClick() {
      // this.opt.info = '个人信息'
      // this.$set(this.opt, 'info', '个人信息')
      // this.opt = { ...this.opt, info: '个人信息' }
      // this.list[3] = '美国'
      // this.list.push('🇺🇸')
      // this.list.splice(3, 0, '美国')
      // // vue的数组变异方法；
      // console.log(this.list, 'opt')
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
